<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" />
	<script src="${ctx}/js/controllers/mall/orderinfo/orderInfoDetailController.js" type="text/javascript"></script>
<section class="scrollable padder">
		<div style="height:40px;line-height: 40px;">
                    <div class="forword_area"></div>
					<div class="location">当前位置：${sessionScope.currcent_position}</div>
              </div>
              <hr>
	<section class="panel panel-default">
		<div class="editTitle">
			<div style="height: 41px;width:190px;float:left;">
			<img style="float:left;margin-left:37px;margin-top:9.5px;" src="/manage/images/new_edit.png">
				<h4>订单信息</h4>
			</div>
			<div>
				<a style="float:right;margin-right: 20px;margin-top: -2px;" title="关闭" onclick="cancel();">
					<img src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>
		<div id="replyList" class="right"
			style="height: 150px; margin-top: -10px;">
			<div class="modal-header">
				<div id="form" class="form" style="min-height: 50px; margin-top: 10px; border-top: 1px solid #edeef3; font-size: 14px;">
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">订单号：</span>
						<div class="fldetail-4l">${orderInfo.orderNumber }</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">用户账号：</span>
						<div class="fldetail-4r">${orderInfo.userAccount}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">订单状态：</span>
						<div class="fldetail-4l">
							<c:choose>
	                        	<c:when test="${orderInfo.state == 0}">待付款</c:when>
	                        	<c:when test="${orderInfo.state == 1}">待确认</c:when>
	                        	<c:when test="${orderInfo.state == 2}">待发货</c:when>
	                        	<c:when test="${orderInfo.state == 3}">配送中</c:when>
	                        	<c:when test="${orderInfo.state == 4}">已完成</c:when>
	                        	<c:when test="${orderInfo.state == 5}">已取消</c:when>
	                        	<c:when test="${orderInfo.state == 6}">退款申请</c:when>
	                        	<c:when test="${orderInfo.state == 7}">退款已确认</c:when>
	                        	<c:when test="${orderInfo.state == 8}">退款已完成</c:when>
	                        	<c:when test="${orderInfo.state == 9}">待消费</c:when>
	                        	<c:when test="${orderInfo.state == 10}">退货申请</c:when>
	                        	<c:when test="${orderInfo.state == 11}">退货已确认</c:when>
	                        	<c:when test="${orderInfo.state == 12}">退货已完成</c:when>
	                        	<c:when test="${orderInfo.state == 13}">退货已拒绝</c:when>
	                        	<c:when test="${orderInfo.state == 14}">配送已送达</c:when>
	                            <c:otherwise></c:otherwise>
	                        </c:choose>
						</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">下单时间：</span>
						<div class="fldetail-4r"><fmt:formatDate value="${orderInfo.createTime }" type="date" pattern="yyyy-MM-dd HH:mm:ss"/></div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">花费积分：</span>
						<div class="fldetail-4l">${orderInfo.costIntegral }</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">赠送积分：</span>
						<div class="fldetail-4r">${orderInfo.giveIntegral}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">订单总价：</span>
						<div class="fldetail-4l">${orderInfo.finalPrice }</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">商品总价：</span>
						<div class="fldetail-4r">${orderInfo.totalPrice}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">运费：</span>
						<div class="fldetail-4l">${orderInfo.carriage }</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">优惠券抵扣金额：</span>
						<div class="fldetail-4r">${orderInfo.couponPrice}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">支付方式：</span>
						<div class="fldetail-4l">
							<c:choose>
							<c:when test="${orderInfo.payType == 1 }">支付宝支付</c:when>
							<c:when test="${orderInfo.payType == 2 }">微信支付</c:when>
							<c:when test="${orderInfo.payType == 3 }">贝壳支付</c:when>
							<c:otherwise></c:otherwise>
						</c:choose>
						</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">支付系统：</span>
						<div class="fldetail-4r">
							<c:choose>
							<c:when test="${orderInfo.remark == 1 }">Web</c:when>
							<c:when test="${orderInfo.remark == 2 }">App</c:when>
							<c:otherwise></c:otherwise>
						</c:choose>
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">订单类型：</span>
						<div class="fldetail-4l">
							<c:choose>
							<c:when test="${orderInfo.type == 1 }">正常订单</c:when>
							<c:when test="${orderInfo.type == 2 }">积分订单</c:when>
							<c:when test="${orderInfo.type == 3 }">秒杀订单</c:when>
							<c:otherwise></c:otherwise>
						</c:choose>
						</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">订单备注：</span>
						<div class="fldetail-4r">${orderInfo.remark}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">配送方式：</span>
						<div class="fldetail-4l">
							<c:choose>
							<c:when test="${orderInfo.distributionType == 1 }">配送公司配送</c:when>
							<c:when test="${orderInfo.distributionType == 2 }">自提</c:when>
							<c:when test="${orderInfo.distributionType == 3 }">无配送</c:when>
							<c:otherwise></c:otherwise>
						</c:choose>
						</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">是否需要商家确认：</span>
						<div class="fldetail-4r">
							<c:choose>
							<c:when test="${orderInfo.isNeedConfirm ==1 }">是</c:when>
							<c:when test="${orderInfo.isNeedConfirm ==0 }">否</c:when>
							<c:otherwise></c:otherwise>
						</c:choose>
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">商家留言：</span>
						<div class="fldetail-4l">${orderInfo.shopMsg }</div>
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">评论方式：</span>
						<div class="fldetail-4r">
							<c:choose>
							<c:when test="${orderInfo.reviewState == 1}">未评论</c:when>
							<c:when test="${orderInfo.reviewState == 2}">已评论</c:when>
							<c:otherwise></c:otherwise>
						</c:choose>
						</div>
					</div>
					
				
				
				</div>
				
				<%-- <div class="editTitle" style=" margin-top: 30px;">
					<div style="height: 41px;width:190px;">
					<img style="float:left;margin-left:37px;margin-top:9.5px;" src="/manage/images/new_edit.png">
						<h4>收货人信息</h4>
					</div>
				</div>
				<div id="form" class="form" style="min-height: 50px; border-top: 1px solid #edeef3; font-size: 14px;">
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">收货人：</span>
						<div class="fldetail-4r">${orderInfo.contactor }</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">联系电话：</span>
						<div class="fldetail-4r">${orderInfo.contactorPhone }</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">收货地址：</span>
						<div class="fldetail-4r">${orderInfo.contactorAddress }</div>
					</div>
					
				</div>
				
			<div class="editTitle" style=" margin-top: 30px;">
				<div style="height: 41px;width:190px;">
				<img style="float:left;margin-left:37px;margin-top:9.5px;" src="/manage/images/new_edit.png">
					<h4>发票信息</h4>
				</div>
			</div>
			<div id="form" class="form" style="min-height: 50px; border-top: 1px solid #edeef3; font-size: 14px;">
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">是否开发票：</span>
						<div class="fldetail-4r">
							<c:choose>
								<c:when test="${orderInfo.billType == 0}">不需要</c:when>
								<c:when test="${orderInfo.billType == 1 or orderInfo.billType == 2 }">需要</c:when>
								<c:otherwise ></c:otherwise>
							</c:choose>
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">发票类型：</span>
						<div class="fldetail-4r">
							<c:choose>
									<c:when test="${orderInfo.billType == 1}">个人</c:when>
									<c:when test="${orderInfo.billType == 2}">单位</c:when>
									<c:when test="${orderInfo.billType == 0}">无发票</c:when>
									<c:otherwise></c:otherwise>
								</c:choose>
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail"
							style="font-size: 14px;">发票抬头：</span>
						<div class="fldetail-4r">
							<c:choose>
								<c:when test="${orderInfo.billType == 1 or orderInfo.billType == 2}"></c:when>
								<c:when test="${orderInfo.billType == 0}">无发票</c:when>
								<c:otherwise></c:otherwise>
							</c:choose>
						</div>
					</div>
				</div>
				<div style=" margin-top: 30px;">
			 <table class="table" style="margin-top: 0px;">
                    <thead>
                      <tr style="height: 41px;">
                      	<th colspan="10" style="text-align: left;padding-left:10px;font-size:14px;">订单商品列表</th>
                      </tr>
                    </thead>
                    <tbody id="tableTbody">
                    <tr style="height: 37px;">
                    	<td >编号</td>
                    	<td >商品名称</td>
                    	<td >店铺名称</td>
                    	<td width="10%">商品图片</td>
                    	<td width="10%">商品规格</td>
                    	<td >商品单价</td>
                    	<td >购买数量</td>
                    	<td >优惠金额</td>
                    	<td >商品总价</td>
                    	<td width="8%">类型</td>
                    	
                    </tr>
                    <c:forEach items="${orderDetailInfoList}" var="orderdetailInfo" varStatus="orderdetailInfoStatus">
                    	<tr onmouseover="mouseoverOne(this)" onmouseout="mouseoutOne(this)">
                   			 <td>${orderdetailInfoStatus.index + 1 }</td>
                   			 <td>${orderdetailInfo.goodsName}</td>
                   			 <td>${orderdetailInfo.shopName}</td>
                   			 <td>${orderdetailInfo.goodsLogo}</td>
                   			 <td>${orderdetailInfo.specificationId}</td>
                   			 <td>${orderdetailInfo.price}元</td>
                   			 <td>${orderdetailInfo.amount}</td>
                   			 <td>${orderdetailInfo.couponPrice}元</td>
                   			 <td>${orderdetailInfo.amount*orderdetailInfo.price - orderdetailInfo.couponPrice}元</td>
                   			 <td>
                   			 	<c:choose>
                   			 		<c:when test="${orderdetailInfo.type == 1}">正常商品</c:when>
                   			 		<c:when test="${orderdetailInfo.type == 2}">积分商品</c:when>
                   			 		<c:when test="${orderdetailInfo.type == 3}">秒杀商品</c:when>
                   			 	</c:choose>
                   			 </td>
                   		</tr>
                   	</c:forEach>
                    </tbody>
              </table>
		</div> --%>
				
	 	<div style="float:left;margin-left:47%;">
				<button style="margin-top: 20px;" class="buttonCancle" onclick="cancel();"
				 onmouseover="mouseOver()" onmouseleave="mouseLeave()">返&nbsp;&nbsp;回</button>
		</div>
	</div>
</div>
		</section>
</section>
<%@include  file="/views/common/footer.jsp"%>
<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
